<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<f:view>
  <html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
      <title>
        main
      </title>
    </head>
    <body style="color:White; background-color:transparent; background-image:url(\"img/background_body_2.jpg\");">
      <h:form style="grid-row:end; color:White; background-color:inherit; max-width:80%; margin-left:10%; margin-bottom:40px;">
        <div style="height:391px; background-color:White;">
          <table width="1021">
            <tr>
              <td width="236">
                <div style='background-image:url("img/bilman3.jpg"); height:391px; width:202px; background-color:Teal; flex-align:center; margin-left:0%; margin-right:0%;'>
                  &nbsp;
                </div>
              </td>
              <td width="518">&nbsp;</td>
              <td width="259">
                <div style="max-height:100%; height:368px; background-image:url(\"img/bilman4.jpg\");">
                  &nbsp;
                </div>
              </td>
            </tr>
          </table>
        </div>
        <div style="position:center; background-color:Menu;">
          <h:dataTable rows="1" width="437" style="position:center; margin-left:30%; width:50%;">
            <h:column/>
            <h:column>
              <h:commandLink value="Новости"
                             style="left:auto; right:auto; margin-bottom:10%; margin-top:10%; margin-left:20%; margin-right:10%; position:relative;"/>
            </h:column>
            <h:column>
              <h:commandLink value="Видеогалерея" style="margin-left:15%;"/>
            </h:column>
            <h:column>
              <h:commandLink value="Фотогалерея" style="margin-left:10%;"/>
            </h:column>
            <h:column>
              <h:commandLink value="Форум" style="margin-left:10%;"/>
            </h:column>
          </h:dataTable>
        </div>
        <div style="width:30%; background-color:#f5c070; border-radius:15px 15px 15px 15px !important;">
          <ul class="leftMenu" id="leftMenu" style="width:auto;">
            <li>
              <h:commandLink value="Главная"/>
            </li>
            <li><h:commandLink value="О клубе "/>
            </li>
            <li><h:commandLink value="Расписание"/>
            </li>
            <li>
              <h:commandLink value="Цены"/>
            </li>
            <li>
              <h:commandLink value="Фотогалерея" style="grid-row:2.0;"/>
            </li>
            <li><h:commandLink value="Видеогалерея"/>
            </li>
            <li>
              <h:commandLink value="Новости"/>
            </li>
            <li><h:commandLink value="Мероприятия"/>
            </li>
            <li>
              <h:commandLink value="Полезные ссылки"/>
            </li>
            <li>
              <h:commandLink value="Контакты"/>
            </li>
          </ul>
        </div>
        <div style="width:75%; position:center;">
          &nbsp;
        </div>
      </h:form>
    </body>
  </html>
</f:view>